<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="indexlist.css">
    <link rel="stylesheet" href="download/font_2113515_5821jk0jx44/iconfont.css">
    <script src="download/font_2113515_5821jk0jx44/iconfont.js"></script>
</head>

<body>
    <div class="head">
        <div class="head_box">
            <p>
                <img src="img1/logo.png" alt="">
                <span>网络全案营销服务服务提供商</span>
            </p>
            <ul>
                <li>网站首页</li>
                <li>传悦资源</li>
                <li class="hide">传悦案例</li>
                <li>传悦服务</li>
                <li>解决方案</li>
                <li>需求提交</li>
            </ul>
            <div class="icon">
                <span class="iconfont icon-dianhua"></span>
                <span>0535-60652189</span>
                <span class="iconfont icon-qq"></span>
                <span class="iconfont icon-xinlang"></span>
                <span class="iconfont icon-gongzhonghao"></span>
                <span class="iconfont icon-xinxi"></span>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner_box">
            <div class="banner_box1">
                <span>网站首页 > &ensp;传悦案列</span>

            </div>
        </div>
    </div>
    <div class="body">
        <div class="body_box">
            <ul>
                <li class="show">全部</li>
                <li>网站建设</li>
                <li>推广运营</li>
                <li>品牌策划</li>
                <li>网络全案</li>
            </ul>
        </div>
        <div class="body_box2">

        </div>
        <div class="body_count" style="display: none;">
            <a href="count.html">
                <img src="" alt="">
                <p></p>
                <span></span>
            </a>
        </div>
        <div class="square">
            <ul>
                <li></li>
                <li>1</li>
                <li class="color">2</li>
                <li>3</li>
                <li>4</li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="foot">
        <div class="foot_box">
            <img src="img1/logo.png" alt="">
            <ul>
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            <span>Copyright &copy;2013 创梦网络科技有限责任公司&ensp;||&ensp;传悦 Chnyoo.cn All Rights Reserved &ensp;&ensp;京ICP备12005221号</span>
        </div>
    </div>
    <script src="jquery.min.js"></script>
    <script>
        let templete = $(".body_count")
        $.ajax({
            url: "http://127.0.0.1:81/list",
            success(data) {
                for (let i = 0; i < data.length; i++) {
                    let newtemplete = templete.clone();
                    newtemplete.find("img").attr("src", data[i].img);
                    newtemplete.find("p").html(data[i].tittle);
                    newtemplete.find("span").html(data[i].subhead);
                    newtemplete.find("a").attr("href", `count.html?id=${data[i].id}`)
                    newtemplete.css({
                        display: "block",
                    })
                    $(".body_box2").append(newtemplete)
                }
            }
        })
    </script>
</body>

</html>